 <!DOCTYPE html>
<html lang="en">
		<head>
		{% block head %}
			<meta charset="utf-8">
			<meta name="viewport" content="width=device-width, initial-scale=1.0">
			<meta name="description" content="Sistema Control de Notas del IUT-FRP">
			<link rel="shortcut icon" href="recursos/assets/ico/favicon.ico">
			
				<title>{% block titulo %}Sistema Control de Notas{% endblock %}</title>
			
			
			{% block headBase %}
				<!-- Bootstrap core CSS -->
				<link href="recursos/assets/css/bootstrap.css" rel="stylesheet">
				<!-- Custom styles for this template -->
				<link href="recursos/assets/css/main.css" rel="stylesheet">
				<link rel="stylesheet" href="recursos/assets/css/font-awesome.min.css">
				<script src="recursos/jquery-ui-1.10.2.custom/js/jquery-1.9.1.js"> </script>
				<script src="recursos/jquery-ui-1.10.2.custom/js/jquery-ui-1.10.2.custom.js"> </script>
				<link href="recursos/jquery-ui-1.10.2.custom/css/custom-theme/jquery-ui-1.10.2.custom.css" rel="stylesheet">
			{% endblock %}
			
			{% block headModulo %}
			{% endblock %}
			
			{% block headVista %}
			{% endblock %}

			<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
			<!--[if lt IE 9]>
			<script src="recursos/assets/js/html5shiv.js"></script>
			<script src="recursos/assets/js/respond.min.js"></script>
			<![endif]-->
		{% endblock %}
		</head>
	
			<body data-spy="scroll" data-offset="0" data-target="#theMenu">
    		
    		{% block body %}
			{% block menuDerecho %}


			<!-- Menu -->
			<nav class="menu" id="theMenu">
			<div class="menu-wrap">

				<h1 class="logo1"><a href="index.html#home">SCN</a></h1>
				<i class="icon-remove menu-close"></i>
				<a href="#home" class="smoothScroll">Inicio</a>
				<a href="#about" class="smoothScroll">Personas</a>
				<a href="#portfolio" class="smoothScroll">Curso</a>
				<a href="#contact" class="smoothScroll">Mensajes</a>
				<a href="" class="smoothScroll">Acerca de</a>
			
				<form id="patronB" action="" method="GET">
					<h1 class="logo"><a>BUSCAR</a></h1>
					<input type="text" 	name="patronB" id="patronB" 
									class="form-control" 
									placeholder="Introduzca patrón de búsqueda"
									>
				</form>
				<h1 class="logo"><a>REPORTES</a></h1>
				<a href="" class="smoothScroll">Listados</a>
				<a href="" class="smoothScroll">PDF</a>
			</div>
			<!-- Menu button -->
			<div id="menuToggle"><i class="icon-reorder"></i></div>
			</nav>
		{% endblock %}

	<!-- MENU DE LOGIN -->
		{% block menuIzquierdo %}
			<nav class="menuL" id="theMenuL">
			<div class="menu-wrapL">
				<i class="icon-remove menu-closeL"></i>
				<h1 class="logo"><a>JHONNY VIELMA</a></h1>
				<a href="#about" class="smoothScroll">Contraseña</a>
				<a href="#portfolio" class="smoothScroll">Errores</a>
				<a href="#contact" class="smoothScroll">Auditoria</a>
				<a href="#contact" class="smoothScroll">Auditoria</a>
			</div>
		
					<!-- Menu button -->
				<div id="menuToggleL">
					<i class="icon-info"></i>
				</div>
			</nav>
		{% endblock %}
	<!-- ******************************** -->
	{% block menuSuperior %}
		<nav class="navbar navbar-inverse  navbar-fixed-top" role="navigation">
			<div class="container-fluid">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="icon-bar"></span>	
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#">SCN</a>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li><a href="#">Inicio</a></li>
							<li><a href="#">Cursos</a></li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">Errores <span class="caret"></span><span class="badges">5</span></a>
								<ul class="dropdown-menu" role="menu">
									<li><a href="#">Error</a></li>
									<li><a href="#">Error2</a></li>
									<li><a href="#">Error3</a></li>
									<li><a href="#">Error4</a></li>
									<li><a href="#">Error5</a></li>
								</ul>
							</li>
						</ul>
						<form class="navbar-form navbar-left" role="search">
							<div class="form-group">
								<form action="index.php?" method="GET">
									<input type="text" class="form-control" name="patron" placeholder="Buscar" size="40">
								</form>
							</div>
						</form>
      
						<ul class="nav navbar-nav navbar-right">
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">Usuario: Jhonny Vielma<span class="caret"></span></a>
								<ul class="dropdown-menu" role="menu">
									<li><a href="#">Ver Perfil</a></li>
									<li><a href="#">Configuración</a></li>
									<li><a href="#">Cambiar Contraseña</a></li>
									<li><a href="#">Salir</a></li>
								</ul>
							</li>
							<li><a><i class="icon-off"></i></a></li>
						</ul>
					</div><!-- /.navbar-collapse -->
			</div><!-- /.container-fluid -->
		</nav>
	{% endblock %}
	<!-- ******************************** -->
	{% block contenido %}
		<section id="home" name="home"></section>
		<div id="headerwrap">
			<div class="container">
		
				<div class="alerts">
  				
				</div>

			</div>
		</div>
	{% endblock %}
	{% block desarrolladores %}
		<section id="contact" name="contact"></section>
		<div id="f">
			<div class="container">
				<div class="row">
					<h3>DESARROLLADORES</h3>
					<p class="centered">
						<i class="icon icon-circle"></i>
						<i class="icon icon-circle"></i>
						<i class="icon icon-circle"></i>
					</p>
				</div>
			</div>
		</div>     

	{% endblock %}

	    <!-- Bootstrap core JavaScript
	    ================================================== -->
	    <!-- Placed at the end of the document so the pages load faster -->
		<script src="recursos/assets/js/jquery.min.js"></script>
		<script src="recursos/assets/js/modernizr.custom.js"></script>
		
		<script src="recursos/assets/js/classie.js"></script>
		<script src="recursos/assets/js/bootstrap.min.js"></script>
		<script src="recursos/assets/js/smoothscroll.js"></script>
		<script src="recursos/assets/js/main.js"></script>
		

	{% endblock %}

	</body>
	
	</html>
